// # 无缝滚动 -2032px
// 1 定时器10ms
// 2 ul的margin-left--
// 判断 当前的margin-left <= -2032px就重置为0
var hot = document.getElementById(".hot");
var tinmer  // 设置一个定时器
setInterval(function() {
    var ulObj = document.querySelector('.hot ul')
    var marginLeft = parseInt(ulObj.style.marginLeft)
    marginLeft--
    if(marginLeft<=-2032)
    {
        ulObj.style.marginLeft = '0px'
    } else {
        ulObj.style.marginLeft = marginLeft + 'px'
    }
     //启动动画自动播放
 timer = setInterval(ulObj, 2000);

 // 鼠标移到图片上面时，停止动画
 hot.onmouseover = function (event) {
     clearInterval(timer);
 };

 // 鼠标离开图片上面时，启动动画
 hot.onmouseout = function (event) {
     timer = setInterval(ulObj, 2000);
 };
},10)



